<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>实时监测</title>
		<link rel="stylesheet" href="assets/css/common.css">
		<link rel="stylesheet" href="assets/css/discharge.css">
		<link rel="stylesheet" href="assets/layui/css/layui.css">
		<link rel="stylesheet" href="assets/css/reset-layui-style.css?v=33">
	</head>
	<body>
		<div class="main-page">
			<div class="page-body flex">
				<div class="sub-page-container">
					<div class="right-content-wrapper">
						<div class="right-content-box">
							<div class="cha">
								<img src="assets/img/item4.png" >
							</div>
							<ul class="tags">
								<li>&lt;</li>
								<li>返回</li>
								<li> | </li>
								<li>有组织</li>
								<li>&gt;</li>
								<li>层实时监测</li>
								<li>&gt;</li>
								<li>有组织数据曲线</li>
							</ul>
							<div class="content-section flex page-paifang">
								<!-- 我的页面 -->
								<div class="main-section">
									<div class="card flex">
										<span class="card-span">有组织小时数据曲线</span>
										<ul class="navigation  flex">
											<li class="navigation-1" onclick="location.href='排放清单.html'">有组织数据曲线</li>
											<li class="navigation-2" onclick="location.href='有组织清单.html'">有组织清单</li>
											<li class="navigation-3" onclick="location.href='有组织实时数据.html'">实时数据台账</li>
										</ul>
									</div>
									<div class="charts-box line-one" >
										<ul class="tools drop flex">
											 <li class="platfrom dayup"></li>
											<li><div class="day" id="dateBtn"><input type="text" id="date" autocomplete="off" placeholder="请输入查询日期"></div></li>
										</ul>
										<div class="meter">
											（mg/m3）
										</div>
										<!-- echars -->
										<div class="chart"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
		<script src="assets/js/jquery.SuperSlide.2.1.3.js"></script>
		<script src="assets/layui/layui.js"></script>
		<script src="assets/js/browser.js"></script>
		<script src="assets/js/select.js"></script>
		<script src="assets/js/page.js"></script>
		<script src="assets/js/echarts.min.js"></script>
		<script src="./assets/js/discharge.js"></script>
		<script>
			// 渲染左侧菜单树
		    new LeftSiderMenu({
		        el:".sub-page-container",
		        size:10,
		        curMenu:"排放清单",
		        menus:[
		            {href:"实时监测.html",text:"实时监测"},
		            {href:"数据分析.html",text:"数据分析"},
		            {href:"运行状态.html",text:"运行状态"},
		            {href:"告警分析.html",text:"告警分析"},
		           
		        ]
		    });

		    // 渲染底部菜单
			new Footer({
		        el:".main-page",
		        curMenu:"有组织",
		        size:4,
		        menus:[
		            {href:"有组织.html",text:"有组织"},
		            {href:"无组织.html",text:"无组织"},
		            {href:"车辆出入.html",text:"清洁运输"},
		            {href:"视频.html",text:"视频大厅"}
		        ]
		    });
			
			new SelectPlus({
				el:".platfrom",
				data:[
					{ value:"",text:"烟尘（mg/m³）" },
					{ value:1,text:"烟尘（1mg/m³）" },
					{ value:2,text:"烟尘（2mg/m³）" },
					{ value:3,text:"烟尘（3mg/m³）" }
				],
				done:function(row){
					console.log(row);
				}
			})
			
			layui.use(['laypage', 'laydate'], function(){
				let laydate = layui.laydate;
			  	laydate.render({
				    elem: '#dateBtn'
				    ,type: 'datetime'
				    ,done: function(value, date){
					    $("#date").val(value)
					}
				});
			})

		</script>
	</body>
</html>
